//获取页面所需元素
var tbody=document.querySelector('#tbody')

//添加编辑事件
var index=0
var lastIndex=0
suc()
function suc(){
    tbody.addEventListener('click',function(e){
        e=e || window.event
       
        if(e.target.nodeName=="BUTTON" && e.target.className=='btn btn-info btn-primary btn-xs btn-edia'){
        
        var trParent=e.target.parentNode.parentNode.children
        // console.log(trParent);
            
        
         //显示页面原有的值
        trParent[1].children[1].value=trParent[1].children[0].innerHTML
        trParent[2].children[1].value=trParent[2].children[0].innerHTML
        trParent[3].children[1].value=trParent[3].children[0].innerHTML
        
        var tr=e.target.parentNode.parentNode.className='edia'

        }

    
    },false)
}


// function suc(){
//     tbody.addEventListener('click',function(e){
//         e=e || window.event
        
//         if(e.target.nodeName=="BUTTON" && e.target.className=='btn btn-info btn-primary btn-xs btn-edia'){
          
//         utils.fetch('./api/v1/shop/select.php').then(function(res){
//             if (res.code == 200) {
//                 const { list } = res.body
//                 list.forEach((shop, index) => {
    
//         })   
//         var trParent=e.target.parentNode.parentNode.children
//         // console.log(trParent);
            
//          //显示页面原有的值
//         trParent[1].children[1].value=trParent[1].children[0].innerHTML
//         trParent[2].children[1].value=trParent[2].children[0].innerHTML
//         trParent[3].children[1].value=trParent[3].children[0].innerHTML
        
//         var tr=e.target.parentNode.parentNode.className='edia'

//         }     
                        
          

       

    
//     },false)
// }

// 添加确定事件
tbody.addEventListener('click',function(e){

    e=e || window.event
    
    if(e.target.nodeName=="BUTTON" && e.target.className=="btn btn-success btn-primary btn-xs btn-ok"){
        suc()

        //获取元素的属性
        var trParent=e.target.parentNode.parentNode

        // console.log(trParent);
        
        var nameInput=trParent.children[1].children[1].value
        var priceInput=trParent.children[2].children[1].value
        var numInput=trParent.children[3].children[1].value
        
        
        console.log(nameInput);
        console.log(priceInput);
        console.log(numInput);
        
        
        //获取input的值
        var name=nameInput
        var price=priceInput
        var num=numInput
        var id =e.target.parentNode.parentNode.getAttribute('data-id')
        // console.log(id);
        utils.fetch('./api/v1/shop/update.php',{name,price,num,id}).then(res=>{

            if(res){
               
              getList()  
            }else{
                console.log(res.body.msg);
                
            }
            var success=e.target.parentNode.parentNode.className=''
        })

        
    }
    


},false)

//添加取消事件
tbody.addEventListener('click',function(e){

    e=e || window.event
    if(e.target.nodeName=="BUTTON" && e.target.className=="tn btn-warning btn-primary btn-xs btn-cancel"){
        suc()
        var success=e.target.parentNode.parentNode.className=''
    }
   
},false)